
html{
	height: 100%;
}
body{
	height: 100%;
}
div{
	height: 100%;
}
/*img{
	width: 100%;
	height: 100%;
}*/
/*
.ayhimg{
	width: 100%;
	height: 100%;
}*/

#page1
{
	background-image: url(../img/15118376409340376.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
}
#aayh
{
	position: fixed;
	top: 300px;
	left: 225px;
	animation:haha 2s;	
}
#ayyh
{
	position: fixed;
	top: 1200px;
	left: 300px;
	animation:haha2 2s infinite;
}
@keyframes haha2{
	0%{
		left: 300px;
	}
	50%{
		left: 320px;
	}
	100{
		left:300px;
	}
}

@keyframes haha{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
#page2
{
	background-image: url(../img/2fdda3cc7cd98d106ed03f8e243fb80e7bec900c.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none;
}
#ayhh
{
	position: fixed;
	top: 300px;
	left: 240px;
}
#aayyh
{
	position: fixed;
	top: 1200px;
	left:350px;
}
#page3
{
	background-image: url(../img/927_2015122863201433.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display:none;
}
@keyframes hehe1{
	0%{
		left: 100px;
		top: 200px;
	}
	30%{
		left: 300px;
		top: 1000px;
	}
	60%{
		left:150px;
		top: 600px;
	}
	100%{
		left: 100px;
		top: 200px;
	}
}

#aayyhh
{
	position: fixed;
	top: 200px;
	left: 100px;
	animation: hehe1 8s infinite;
}
#ayyhh
{
	position: fixed;
	top: 500px;
	left: 300px;
	animation: hehe2 11s infinite;
}
@keyframes hehe2{
	0%{
		left: 500px;
		top: 300px
	}
	30%{
		left: 650px;
		top: 500px;
	}
	60%{
		left:400px;
		top: 700px;
	}
	100%{
		left: 500px;
		top: 300px;
	}
	
}
#ayhh1
{
	position: fixed;
	top: 900px;
	left: 500px;
	animation: hehe3 12s  infinite;
}
@keyframes hehe3{
	0%{
		width: 100px;
		height: 100px;
		left: 500px;
		top: 900px;
	}
	30%{
		width:60px;
		height: 60px;
		left: 900px;
		top: 1600px;
	}
	60%{
		width:80px;
		height: 80px;
		left: 200px;
		top: 1200px;
	}
	100%{
		width:100px;
		height: 100px;
		left: 500px;
		top: 900px;
	}
	
}
#page4
{
	background-image: url(../img/charm1.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none;
}

#fanhui
{
	position: fixed;
	top: 50px;
	left: 50px;
}

#fanhui1
{
	position: fixed;
	top: 50px;
	left: 50px;
}

#fanhui2
{
	position: fixed;
	top: 50px;
	left: 50px;
}